<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人博客</title>
		<style>			
			body{
				background: url(img/bg.jpg);
			}
			table{
				width:650px;		
			}
			a{
				text-decoration: none;
			}	
			p{
				font-size: 14px;
			}		
			h3{
				margin:0;
				padding:0;
				color:cornflowerblue;
				font-size:16px;
				font-weight: 700;
				text-decoration: underline;
			}
		   .table-td>td{
		   	width:14.28%;
		   }
		</style>
	</head>
	<body>
		<table border="0" cellspacing="0" cellpadding="0" align="center">
			<!--banner部分-->
			<tr>
				<td colspan="7" height="136px"><img src="img/a.jpg" width="100%" height="100%"/></td>
			</tr>
			<!--导航部分-->
			<tr class="table-td" style="background: skyblue;text-align: center;" >
				<td><a href="">首页</a></td>
				<td><a href="">心情日志</a></td>
				<td><a href="">Free</a></td>
				<td><a href="">一起走到</a></td>
				<td><a href="">从明天起</a></td>
				<td><a href="">纸飞机</a></td>
				<td><a href="">下一站</a></td>
			</tr>
			<!--内容部分-->
			<tr>
				<!--内容左边部分-->
				<td colspan="2" style="background:cornflowerblue;" valign="top">
					<p align="center"><img src="img/3.jpg"/></p>
					<p align="center">我的日记本</p>				
					<p style="padding:0 9px;color:">他们彼此深信，是瞬间迸发的热情让他们相遇。这样的确定是美丽的，但变幻无常更为美丽。</p>					
					<p align="center"><img src="img/4.jpg"/></p>
					<p align="center">心情轨迹</p>				
					<p style="padding:0 9px;">董事长的一切都让人既羡慕又妒忌，但更让人受不了的是，有一天，上苍忽然赐给他一个神奇的礼物......</p>
					
					
				</td>
								
				<!--内容右边部分-->
				<td colspan="5" valign="top" style="background: url(img/big.jpg);padding:5px 20px">
					<h3>介绍</h3>
					<p>我努力的抓紧世界，最后却仍被世界淘汰，如果一开始就松手，我会不那么伤心吗？你说，亲爱的孩子，世事难料，随它去吧！</p>
					
					<h3>照相本子</h3>					
					<p>关于童年，你记住了什么？<br/>
					      两岁时，我拥有一只巨大的粉红雀，它总在我嚎啕大哭时逗我笑。<br/>
					      三岁时，我骑着小木马一路摇到外婆家，它不喝水也不吃草。<br/>
					      四岁时，我离家出走，在公车上睡着了，最后是太空超人送我回家。<br/>
					      我真的没骗你，我通通都记得，还有照片为证。
					</p>
					
					<h3>地下铁</h3>
					<p>天使在地下铁的入口，<br/>
					      和我说再见的那一年，<br/>
					      我渐渐看不见了<br/>
					      十五岁生日的那年秋天早晨，<br />
					      窗外下着毛毛雨，<br/>
					      我喂好我的猫。<br/>
					      六点零五分，<br/>
					      我走进地下铁。<br/>
					</p>
					
					<h3>向左走向右走</h3>
					<p>They’re both convinced <br/>
					   that a sudden passion joined them.<br/>
					   Such certainth is beautiful,<br/>
					   but uncertainty is more beautiful still.<br />
					</p>
				
				</td>
			
				
				
			</tr>
		</table>
		
	</body>
</html>
